<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>FTP-Login</title>
    <style>
        form {
            border: 1px #ccc solid;
            border-radius: 8px;
            box-shadow: 2px 3px 20px #ccc;
            width: 260px;
            margin: auto;
            padding: 0 20px;
        }
        .row{
            border: 0px red solid;
            margin-bottom: 15px;
        }
        .btn,h3{
            margin: 30px 0;
        }
        input[type='submit']{
            width: 100%;
            background-color: blue;
            color: white;
            border: 0;
            padding: 5px 0;
            border-radius: 20px;
        }
        label{
            width: 66px;
            display: inline-block;
            text-align: right;
        }
        .txt{
            padding: 5px;
            border: solid 1px #ccc;
            border-radius: 5px;
        }
    </style>
</head>
<body>
    <h1 style="text-align: center">FTP同步</h1>
    <div style="position: relative;top: 5rem">
        <form id="login_form" action="http://127.0.0.1:5000/user/login/" method="post" style="text-align: center">
            <h3>ftp用户登录</h3>
            <div class="row">
                <label for="username">账号</label>
                <input class="txt"  type="text" id="username" name="username" placeholder="请输入账号" maxlength="30"
                onkeyup="this.value=this.value.replace(/\\s+/g,'')">
            </div>
            <div class="row">
                <label for="password">密码：</label>
                <input class="txt" type="password" id="password" name="password" placeholder="请输入密码" maxlength="20"
                       onkeyup="this.value=this.value.replace(/\\s+/g,'')">
            </div>
            <div class="row btn" >
                <input type="submit" style="cursor: pointer" value="登录">
            </div>
        </form>
    </div>
</body>

</html>
